<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <meta name="renderer" content="webkit"> 
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <script src='script/jquery-2.0.3.js'></script>
    <script src='js/double-date.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <script type="text/javascript" src='script/echart.js'></script>
    <script src='js/index.js'></script>
</head>

<body style="overflow: hidden;">
    <div class="nav clearfix">
        <div class="_htools-selec-box fl">
            <select id="myselect">
                <option value="1">汉威电子</option>
                <option value="2">粮科院</option>
                <option value="3">升龙A区</option>
                <option value="4">升龙B区</option>
                <option value="5">盛世港湾</option>
                <option value="6">纽科科技</option>
                <option value="7">莲花苑</option>
                <option value="8">美景菩提</option>
                <option value="9">祝福红城</option>
                <option value="10">祥营小区1</option>
                <option value="11">祥营小区2</option>
                <option value="12">锦绣苑</option>
                <option value="13">大学科技园</option>
                <option value="14">动漫基地</option>
                <option value="15">紫薇小区</option>
                <option value="16">轻工业学院</option>
            </select>
        </div>
        <ul class="nav-lists fr">
            <li class="fl nav-lists-active" id="select_sign"><a href="#">实时数据</a></li>
            <li class="fl"><a href="#">数据分析</a></li>
            <li class="fl"><a href="#">数据查询</a></li>
            <li class="fl"><a href="#">物料清单</a></li>
            <li class="fl"><a href="#">维修记录</a></li>
            <li class="fl"><a href="#">报警记录</a></li>
            <li class="fl"><a href="#">参数设置</a></li>
        </ul>
    </div>
     <div id="iframe_space" style="width: 100%;position: absolute;top: 35px;bottom: 0px;"> 
 	<iframe id='iframe_id' src="currentDate.html" frameborder="0" style="width: 100%;height: 100%;"></iframe> 
	 </div> 
</body>
</html>
<script>
	var $myselect = $("#myselect")
	$myselect.goSelectInput({
	            height: 35,
	            width: 228
	        });
	$('.nav-lists li').click(function () {
		$(this).addClass('nav-lists-active').siblings().removeClass('nav-lists-active');
		var index=$('.nav-lists-active').index();
		switch (index) {
			case 0:
			$('#iframe_id').attr("src",'currentDate.html')
				break;
			case 1:
			$('#iframe_id').attr("src",'DataAnalysis.html')
				break;
			case 2:
			$('#iframe_id').attr("src",'DataQuery.html')
				break;
			case 3:
			$('#iframe_id').attr("src",'supply_list.html')
				break;
			case 4:
			$('#iframe_id').attr("src",'MaintenanceRecord.html')
				break;
			case 5:
			$('#iframe_id').attr("src",'alarmLog.html')
				break;
			case 6:
			$('#iframe_id').attr("src",'paramSet.html')
				break;
			default:
				break;
		}
	})
</script>
